<template>
  <div class="WorldCardRight">
    <h2 class="CardTitle">病例信息</h2>
    <div class="worldDataTable">
      <span class="worldDableSpan itemTitle">无症状者</span>
      <span class="worldDableSpan itemTitle">境外输入</span>
      <span class="worldDableSpan itemTitle">现存确诊</span>
      <!-- <span class="worldDableSpan itemTitle">累计治愈</span>
      <span class="worldDableSpan itemTitle">无症状者</span> -->
      <span class="worldDableSpan itemData">{{ data.asymptomatic || 0 }}人</span>
      <span class="worldDableSpan itemData">{{ data.overseas || 0 }}人</span>
      <span class="worldDableSpan itemData">{{ data.existing || 0 }}人</span>
      <!-- <span class="worldDableSpan itemData">{{ data.heal || 0 }}人</span>
      <span class="worldDableSpan itemData">{{ data.asymptomatic || 0 }}人</span> -->
      <span class="worldDableSpan itemDataAdd">较昨日{{ data.asymptomaticAdd || 0 }}人</span>
      <span class="worldDableSpan itemDataAdd">较昨日{{ data.overseasAdd || 0 }}人</span>
      <span class="worldDableSpan itemDataAdd"> </span>
      <!-- <span class="worldDableSpan itemDataAdd">较昨日{{ data.healAdd || 0 }}人</span>
      <span class="worldDableSpan itemDataAdd">较昨日{{ data.asymptomaticAdd || 0 }}人</span> -->

    </div>
  </div>
</template>

<script>
import { getDetailsCount, getDetailsList } from '@/api/echarts'
export default {
  name: 'WorldCard',
  props: {
    allData: Object
  },
  data() {
    return {
      data: {},
      title: '新型冠状病毒疫情数据分析'
    }
  },
  mounted() {
    getDetailsCount().then(res => {
      console.log('1231231', res)
      if (res.code == 200) {
        this.data = res.data
      }
    })
  }
}
</script>

<style lang="less" scope>
.WorldCardRight {
  height: 30vh;
  padding: 10px;

  .worldDataTable {
    height: 80%;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    align-items: center;
  }

  .worldDableSpan {
    width: calc(100% / 3);
    font-weight: 500;
  }

  .itemTitle {
    font-size: 0.8em;
  }

  .itemData {
    font-size: 1.2em;
  }

  .itemDataAdd {
    font-size: 0.6em;
  }
}
</style>
